@charset "UTF-8";
* {
  margin: 0rem;
  padding: 0rem;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

/*设置根标签 字体大小
  一般标准都是参考 iphone 6   750 来设计手机的的稿纸   
  
   屏幕划分等份 可以自定义 （10,15,20,）
   html根标签字体大小     （75,50,37.5）

*/
html {
  /*  iphone6  750  /15     */
  font-size: 1rem;
}

/*默认字体大小*/
body {
  display: block;
  min-width: 320px;
  line-height: 1.5;
  color: #333;
  font-size: .48rem;
  font-family: Arial, Helvetica, STHeiTi, sans-serif;
  background-color: #f2f2f2;
}

/*将屏幕分成15个等份*/
/*媒体查询 ，根据屏幕大小，完成对根标签的字体大小设置*/
/*320屏 body根标签字体大小*/
@media screen and (min-width: 320px) {
  body {
    font-size: 21.33333px;
    /* 320/15 */
  }
}

/*360屏 body根标签字体大小*/
@media screen and (min-width: 360px) {
  body {
    font-size: 24px;
  }
}

/*375屏 body根标签字体大小*/
@media screen and (min-width: 375px) {
  body {
    font-size: 25px;
  }
}

/*384屏 body根标签字体大小*/
@media screen and (min-width: 384px) {
  body {
    font-size: 25.6px;
  }
}

/*400屏 body根标签字体大小*/
@media screen and (min-width: 400px) {
  body {
    font-size: 26.66667px;
  }
}

#container {
  width: 750px;
  max-width: 750px;
  min-width: 320px;
  margin: 0px auto;
  background-color: antiquewhite;
}
